<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>main</title>
    <!-- Bootstrap -->
    <link href="${ctxPath}/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="${ctxPath}/js/jquery-3.2.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="${ctxPath}/js/bootstrap.min.js"></script>

</head>
<body>
<h1>查询结果</h1>
<div class="col-md-6">
    <table class="table table-striped">
        <tr>
            <td></td>
            <td>username</td>
            <td>password</td>
            <td>name</td>
        </tr>
        @for(var i=0;i<userList.~size;i++){
                @if((i+1)%2==1){
                    <tr>
                    <td>${i+1}</td>
                    <td>${userList[i].username}</td>
                    <td>${userList[i].password}</td>
                    <td>${userList[i].name}</td>
                    </tr>
                @}
        @}
    </table>
</div>

<div class="col-md-6">
    <table class="table table-striped">
        <tr>
            <td></td>
            <td>username</td>
            <td>password</td>
            <td>name</td>
        </tr>
        @for(var i=0;i<userList.~size;i++){
        @if((i+1)%2==0){
        <tr>
            <td>${i+1}</td>
            <td>${userList[i].username}</td>
            <td>${userList[i].password}</td>
            <td>${userList[i].name}</td>
        </tr>
        @}
        @}
    </table>
</div>




</body>

</html>